*{padding: 0; margin: 0}
body{line-height:1; max-width: 1920px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border: 0}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0;}
.clearfix:before, .clearfix:after{content:""; display:table; }
.clearfix:after{ clear:both;}
.clearfix{ zoom:1;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none}
.fz12{font-size: 12px!important}
.fz14{font-size: 14px!important}
.fz16{font-size: 16px!important}
.fz18{font-size: 18px!important}
.fz20{font-size: 20px!important}
.fz24{font-size: 24px!important}
.fz30{font-size: 30px!important}
.fz40{font-size: 40px!important}
.fz50{font-size: 50px!important}
.cred{color: #ff0000;}
.fw{font-weight: 600}

.mrgt5{margin-top: 5px}
.mrgt10{margin-top: 10px!important}
.mrgt20{margin-top: 20px!important}
.mrgt30{margin-top: 30px!important}
.mrgt40{margin-top: 40px!important}
.mrgt50{margin-top: 50px!important}
.mrgt60{margin-top: 60px!important}
.mrgt100{margin-top: 100px}
.mrgt200{margin-top: 200px}
.mrgb20{margin-bottom: 20px!important}
.line-h25{line-height: 25px}
.dn{display: none}
.nomrl{margin-left: 0!important}

.container{width: 1200px; margin: 0 auto;}

.line-l{position: absolute; width: 1px; background-color: #b2b2b2; font-size: 0; height: 100%; z-index: 3; top: 0; left:300px; opacity: .4}
.line-m{position: absolute; width: 1px; background-color: #b2b2b2; font-size: 0; height: 100%; z-index: 3; top: 0; left:0; right: 0; margin: 0 auto;opacity: .4}
.line-r{position: absolute; width: 1px; background-color: #b2b2b2; font-size: 0; height: 100%; z-index: 3; top: 0; right:300px;opacity: .4}

#pages{text-align: right; padding: 60px 20px 0 0; width: 1200px; margin:0 auto; font-size: 12px}
#pages span{padding:8px 12px; background-color: #ea5442; border:1px solid #ea5442; color: #FFF;}
#pages a{padding:8px 12px; border:1px solid #979797; color: #979797;}

.z-slide-wrap {position: fixed; right: 0; bottom: 50px; z-index: 1000;}
.z-slide-wrap  ul{position: relative;}
.z-slide-wrap  ul li{width: 50px; height: 50px; background: #fff; border: 1px solid #f0f0f0; margin-bottom: 1px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  position: relative; font-size: 12px; color: #2895c9; text-align: center; cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li.to-feedback{height: 43px; line-height: 1.5; padding-top: 7px;}
.z-slide-wrap  ul li:hover{color: #333;}
.z-slide-wrap  ul li:before{font-size: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li:hover:before{color: #333;}
.to-up:after {content:"";display:block;width:14px;height:14px;border-width:2px 2px 0 0;border-style:solid;color:#004da1;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}


.empty{font-weight: 600; font-size: 18px; color: #999;padding:200px 0 100px 0; text-align: center;}